<template>
  <el-dialog
    v-model="dialogVisible"
    title="商家补充信息"
    width="500"
    :align-center="true"
    :before-close="handleClose"
  >
    <span>您的商家资质信息未补充，请先前往补充完善资料，完善后可以正常使用商家后台功能。</span>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="handleClose">取消</el-button>
        <el-button type="primary" @click="handleClose">
          去认证
        </el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup>
  import { onMounted, ref } from 'vue';

  const props = defineProps({
    visible: {
      type: Boolean,
      default: false,
    },
  });

  const dialogVisible = ref(false);


  const emits = defineEmits(['onHandleClose']);

  const handleClose = () => {
    dialogVisible.value = false;
    emits('onHandleClose', false);
  };

  onMounted(() => {
    dialogVisible.value = props.visible;
  });
</script>

<style scoped lang="scss">

</style>